<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="jquery-1.12.4.js" ></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#title").blur(function(){
			var name=this.value;
			if(name==null || name==""){
				$("#nameDiv").html("标题不能为空！");
			}else{
				$.post("IdSelectServlet","name="+name,callBack);
				function callBack(data){
					if(data=="true"){
						$("#nameDiv").html("标题已被使用！");
					}else{
						$("#nameDiv").html("标题可以使用!");
					}
				}
			}
		});
		$("#form").submit(function(){
			var content=$("#content").val();
			var type=$("#type").val();
			if(content==null || content==""){
				alert("内容不能为空！")
				
				return false;
			}
			if(type=="0"){
				alert("请选择类别！");
				
				return false;
			}
			return true;
		});
	});


</script>
			<form id="form" action="AddServlet" method="post">
					
			标题：	<input  id="title" type="text" name="title"><div id="nameDiv" style="display: inline"></div>	<br>
			内容：	<textarea id="content" rows="15px" cols="15px" name="content"></textarea>	<br>
			类别：	<select id="type" name="type">
						<option value="0">请选择类别</option>
						<option value="1">技术</option>
						<option value="2">行政</option>
						<option value="3">人事</option>
					</select>
						<br>
			<input type="submit" value="提交">			
		
					
				
			</form>
</body>
</html>